<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript" src="js/list.js"></script>
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<style type="text/css">
        #a2 li{padding-left: 4em;font-size: 18px;cursor: pointer;line-height: 40px;height: 40px;}
        #audio{width: 650px;}
	</style>
</head>
<body>
	<img id="exit" src="img/exit.png" onclick="ReturnMainPage()" />
	<div style="width: 35%;height:5%;padding-left: 0px;margin:100px auto 0 auto;line-height: 300%;font-size: 18px;text-align: center;">运用三分三倍生律法所构成的五声音阶调式体系的同主音综合观念</div>
	<div id="container" style="width: 35%;height:70%;padding-left: 0px;margin:0px auto;overflow-y: auto;overflow-x: hidden;">		
		<div id='imgall'>
			<img id="img" src="img/宫.png">
		</div>		
		<div id='audioone'>
			<audio id="audio" src="song/15.mp3" controls="controls">
				Your browser does not support the audio element.
			</audio>
		</div>
		<div id='imgall'>
			<img id="img" src="img/幑.png">
		</div>		
		<div id='audioone'>
			<audio id="audio" src="song/16.mp3" controls="controls">
				Your browser does not support the audio element.
			</audio>
		</div>
		<div id='imgall'>
			<img id="img" src="img/商.png">
		</div>		
		<div id='audioone'>
			<audio id="audio" src="song/17.mp3" controls="controls">
				Your browser does not support the audio element.
			</audio>
		</div>
		<div id='imgall'>
			<img id="img" src="img/羽.png">
		</div>		
		<div id='audioone'>
			<audio id="audio" src="song/18.mp3" controls="controls">
				Your browser does not support the audio element.
			</audio>
		</div>
		<div id='imgall'>
			<img id="img" src="img/角.png">
		</div>		
		<div id='audioone'>
			<audio id="audio" src="song/19.mp3" controls="controls">
				Your browser does not support the audio element.
			</audio>
		</div>
	</div>
	<script type="text/javascript">
		function ReturnMainPage(){//返回主界面
			window.location.href="index.html";
		}
	</script>
</body>
</html>